<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
    td{
    	border: 1px solid red;
    	width:50px;
    	height: 23px;
    }
    .ouou{
    	background: #D5DBED url() 0 0 no-repeat;
    }
    .ji{
    	background: red url() 0 0 no-repeat;
    }
    .ou{
    	background: blue url() 0 0 no-repeat;
    }
	</style>
	<script type="text/javascript">
           function jiujiu(){
        	var sum=0;
        	for(var i=9;i>=1;i--){
        		document.write("<table>"+"<tr>")
        		for(var j=1;j<=i;j++){
        			 sum=i*j;
        			 if(i%2==0&&j%2==0){
        			document.write("<td class='ouou'>"+j+"*"+i+"="+sum+"</td>");
        		}else if(j%2==0){
                            document.write("<td class='ou'>"+j+"*"+i+"="+sum+"</td>");   
        				}else{
        					document.write("<td class='ji'>"+j+"*"+i+"="+sum+"</td>");
        				}	
        		}
        		document.write("</tr>"+"</table>");

        	}
        	
        }
        jiujiu();
	</script>
	
</head>
<body>
	
</body>
</html>